@charset "utf-8";
@import 'helpers/variables';
@import 'helpers/mixins';
@import 'helpers/helpers';
@import 'base/bases';
@import 'components/forms';
@import 'components/lists';
@import 'components/select2';
@import 'components/pagination';
@import 'components/invoice';
@import 'components/datetimepicker';
@import 'components/loader-bar';
@import 'components/wysiwyg';
@import 'pages/login';
@import 'pages/income';
.content-header {
  h1 {
    display: none;
  }
}

.exit-line {
  text-decoration: line-through;
  color: #dd4b39;
}

.select2-selection__rendered {
  .n-error {
    display: none!important;
  }
}

.event-tip {
  width: 220px;
  height: auto;
  min-height: 120px;
  .mt-10 {
    margin-top: 10px!important;
  }
  .mb-10 {
    margin-bottom: 10px!important;
    overflow: hidden;
  }
  .column {
    float: left;
    font-weight: bold;
    width: 60px;
    display: inline-block;
  }
  .column-value {
    display: inline-block;
    width: 150px;
    float: left;
    word-break: break-all;
  }
}

.period-color {
  display: inline-block;
  line-height: 22px;
}

.tip-color {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  // border: 1px solid #51B749;
  // background: #51B749;
}

.color-1 {
  width: 12px;
  height: 12px;
  border: 1px solid #51B749;
  background: #51B749;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.color-2 {
  width: 12px;
  height: 12px;
  border: 1px solid #DC2127;
  background: #DC2127;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.color-3 {
  width: 12px;
  height: 12px;
  border: 1px solid #DBADFF;
  background: #DBADFF;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.color-4 {
  width: 12px;
  height: 12px;
  border: 1px solid #5484ED;
  background: #5484ED;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.portal-task-blank {
  text-align: center;
  .ico {
    height: 100px;
    text-align: center;
    background: url("../img/page_schedule.png") center center no-repeat;
  }
  p {
    color: #a0aebf;
  }
}

.color-success {
  color: #00a65a!important;
}

.color-info {
  color: #3c8dbc!important;
}

.color-warning {
  color: #f39c12!important;
}

.color-danger {
  color: #f52107 !important;
}

input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  background: transparent;
  border: 1px solid #a5a5a5;
  border: none\9;
  position: relative;
  text-align: center;
}

input[type=checkbox]:focus {
  outline: none;
}

input[type=checkbox]:checked::after {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 14px;
  height: 14px;
}

input[type=checkbox]:checked::after {
  content: url(../img/icon/icon_checkbox_active.png);
}

input[type=checkbox][disabled] {
  cursor: not-allowed;
}

.mt-5 {
  margin-top: 5px;
}

.loading-overlay {
  z-index: 9999!important;
}
.layui-layer-title {
  color: #fff!important;
  background-color: #dd4b39!important;
}

.tr-done {
  text-decoration: line-through;
  color: #ccc;
}